<template>
  <div>
    <h1>我是首页</h1>
    <p>我是首页内容</p>
    <router-link to="/home/homeNews">新闻</router-link>
    <router-link to="/home/homeMessage">消息</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "home",
  // 创建组件时把标题修改为主页
  // created() {
  //   document.title = "主页";
  // },
  data() {
    return {
      path: "/home/homeNews",
    };
  },
  // 创建完成钩子函数
  created() {
    console.log("home created");
  },
  // 销毁完成钩子函数
  destroyed() {
    console.log("home destroyed");
  },
  // keep-alive的时候执行下列两个函数
  // activated活跃状态下执行:在该组件的时候执行
  activated() {
    // console.log("activated");
    this.$router.push(this.path);
  },
  // 在非活跃状态下执行
  deactivated() {
    // console.log("deactivaed");
  },
  // beforeRouteLeave组件导航守卫,在导航离开该组件的对应路由时调用
  // 离开当前路由时调用
  beforeRouteLeave(to, from, next) {
    // console.log("beforeRouteLeave");
    // 首页中使用path属性记录离开时的路径，在beforeRouteLeave中记录
    this.path = this.$route.path;
    next();
  },
};
</script>
